<template>
	<div class="cell-index-fou">
		<div class="cell">
			<div class="row">
				<div class="col">
					<router-link to="/download">
						<div class="entrances assertive cell-index-item">
							<img src="../../assets/images/index-icon-table.png">
							<br>
							<span>表格下载</span>
						</div>
					</router-link>
				</div>
				<div class="col">
					<router-link to="/find">
						<div class="entrances assertive cell-index-item">
							<img src="../../assets/images/index-icon-prot.png">
							<br>
							<span>港险概览</span>
						</div>
					</router-link>
				</div>
				<div class="col">
					<router-link to="/help">
						<div class="entrances assertive cell-index-item">
							<img src="../../assets/images/index-icon-help.png">
							<br>
							<span>帮助中心</span>
						</div>
					</router-link>
				</div>
				<div class="col">
					<router-link to="/consult">
						<div class="entrances assertive cell-index-item">
							<img src="../../assets/images/index-icon-cousult.png" alt="">
							<br>
							<span>在线咨询</span>
						</div>
					</router-link>
				</div>
			</div>
		</div>
	</div>
</template>
<style scoped="scoped">
	.cell-index-fou {
		background-color: #ffffff;
	}
	.cell-index-fou .cells {
		margin: 0;
	}
	.row {
		position: relative;
		margin: 0;
		padding: 0;
		display: flex;
		width: 100%;
	}
	.col {
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;
		display: block;
		flex: 1;
		-webkit-flex: 1;
	}
	.assertive, a.assertive {
		color: #333333;
	}
	.entrances {
		padding: 7.5px 0;
	}
	.assertive img {
		width: 40px;
		height: 40px;
	}		
</style>